﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ACPanel/AdminPage.master" AutoEventWireup="true"
    CodeFile="AddEditAlbum.aspx.cs" Inherits="ACPanel_NodeMedia_AddEditAlbum" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <div class="row">
                <div class="col-lg-12">
                    <h1>
                        Thêm mới / Chỉnh sửa Album ảnh</h1>
                    <ol class="breadcrumb">
                        <li><i class="fa fa-dashboard"></i>Bảng điều khiển</li>
                        <li class="active"><i class="fa fa-table"></i>Thêm mới / Chỉnh sửa Album ảnh</li>
                    </ol>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <p>
                        <asp:HyperLink ID="HyperLink1" runat="server" CssClass="btn btn-danger" NavigateUrl="~/ACPanel/NodeMedia/QLAlbumAnh.aspx"><i class="fa fa-backward"></i> Trở về</asp:HyperLink>
                    </p>
                    <div class="form-group">
                        <label>
                            Chọn sub loại chuyên mục
                        </label>
                        <p>
                            <asp:DropDownList CssClass="form-control" runat="server" ID="ddlSubloaichuyenmuc" />
                        </p>
                        <label>
                            Chọn sub loại tour
                        </label>
                        <p>
                            <asp:DropDownList CssClass="form-control" runat="server" ID="ddlSubloaitour" />
                        </p>
                        <label>
                            Tiêu đề
                        </label>
                        <p>
                            <asp:TextBox CssClass="form-control" runat="server" ID="tbTen" placeholder="Tiêu đề"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" SetFocusOnError="True"
                                ControlToValidate="tbTen" Display="Dynamic" ErrorMessage="(*) Chưa nhập dữ liệu"
                                ValidationGroup="groupAddUpdatePT"></asp:RequiredFieldValidator>
                        </p>
                        <label>
                            Sử dụng</label>
                        <p>
                            <asp:CheckBox CssClass="form-control" runat="server" ID="cbTrangThai" ToolTip="Trạng thái sử dụng" />
                        </p>
                        <p>
                            <button type="reset" class="btn btn-default">
                                Xóa</button>
                            <asp:Button runat="server" CssClass="btn btn-primary" ID="btnThemvao" Text="Thêm vào"
                                OnClick="btnThemvao_OnClick" /></p>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <asp:Literal runat="server" ID="litResult" EnableViewState="False"></asp:Literal>
                    <div class="form-group">
                        <p>
                            <label>
                                Ảnh đại diện (Size : XXX . XXX)</label>
                            <a href="javascript:void(0)" id="show-imgpopup">Show Image</a>
                            <asp:FileUpload CssClass="form-control" runat="server" ID="imgUploadAnhdaidien" />
                        </p>
                        <label>
                            Tóm tắt
                        </label>
                        <p>
                            <asp:TextBox CssClass="form-control" runat="server" ID="tbTomtat" placeholder="Tóm tắt"
                                MaxLength="100" TextMode="MultiLine" Rows="3"></asp:TextBox>
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div id="img-popup" class="modal fade in" tabindex="-1">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                        x</button>
                                </div>
                                <div class="modal-body">
                                    <article>
                                        <asp:Image runat="server" ID="imgPopup" ImageUrl="../../Upload/Diadiem/NO_IMAGE.gif" AlternateText="NO_IMAGE.gif"/>
                                    </article>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ContentTemplate>
        <Triggers>
            <asp:PostBackTrigger ControlID="btnThemvao" />
        </Triggers>
    </asp:UpdatePanel>
    <script type="text/javascript">
        $('#show-imgpopup').off('click').on('click', function () {
            $('#img-popup').modal();
        });
    </script>
</asp:Content>
